<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Đăng ký</title>

<style type="text/css">

<!--

.style1 {color: #FF0000}

-->

</style>

</head>

<script language="JavaScript" type="text/javascript">

function check_form()

		{

		//Khai báo các biến để lấy giá trị từ người dùng khi họ nhập dữ liệu vào form.

		hoten=document.form.txthovaten.value;
		
		matkhau=document.form.mk.value;
		nlmatkhau=document.form.nlmk.value;
		
		mail=document.form.txtmail.value;
		nlmail=document.form.nltxtmail.value;
		
		dienthoai=document.form.txtdienthoai.value;
		
		diachi=document.form.txtdiachi.value;
		
		
		
		//Khai báo các biến để thông báo lỗi khi có lỗi xảy ra ^^!

		var loiht=document.getElementById("idht");
		
		var loimk=document.getElementById("e_mk");
		var loinlmk=document.getElementById("e_nlmk");
		
		var loimail=document.getElementById("idmail");
		var loinlmail=document.getElementById("nlidmail");
		
		var loidt=document.getElementById("iddt");
		
		var loidc=document.getElementById("iddc");
		
		// Kiểm tra họ và tên:
		if(hoten=="") //Nếu họ tên bỏ trống không nhập gì hết

		{			

			//alert("SS");

			loiht.innerHTML="Chưa nhập họ và tên !"; //Xuất ra dòng thông báo lỗi nếu họ tên bỏ trống.

			document.form.txthovaten.focus(); //Đặt lại tiêu điểm (Tức là con trot chuột ấy) vào ô bị lỗi

			

			return false; //Quay lại check tiếp khi nhận đc tiêu điểm .

		}

		loiht.innerHTML=""; //Xóa dòng thông báo lỗi khi nhập đúng.

		if(hoten.length<6){

			

			loiht.innerHTML="Họ và tên phải nhiều hơn 5 kí tự!";

			document.form.txthovaten.focus();

			return false;	

		}

		loiht.innerHTML="";
		
		
		
		
		// Check mật khẩu với nhập lại mật khẩu:
		if(matkhau=="") //Nếu mật khẩu bỏ trống không nhập gì hết

		{			

			//alert("SS");

			loimk.innerHTML="Chưa nhập mật khẩu !"; //Xuất ra dòng thông báo lỗi nếu họ tên bỏ trống.

			document.form.mk.focus(); //Đặt lại tiêu điểm (Tức là con trot chuột ấy) vào ô bị lỗi

			

			return false; //Quay lại check tiếp khi nhận đc tiêu điểm .

		}

		loimk.innerHTML=""; //Xóa dòng thông báo lỗi khi nhập đúng.

		

		if(matkhau.length<6) //Nếu mật khẩu bỏ trống không nhập gì hết

		{			

			//alert("SS");

			loimk.innerHTML="Mật khẩu phải nhiều hơn 5 kí tự !"; //Xuất ra dòng thông báo lỗi nếu họ tên bỏ trống.

			document.form.mk.focus(); //Đặt lại tiêu điểm (Tức là con trot chuột ấy) vào ô bị lỗi

			

			return false; //Quay lại check tiếp khi nhận đc tiêu điểm .

		}

		loimk.innerHTML="";

		

		if(nlmatkhau=="") //Nếu mật khẩu bỏ trống không nhập gì hết

		{			

			//alert("SS");

			loinlmk.innerHTML="Chưa nhập lại mật khẩu !"; //Xuất ra dòng thông báo lỗi nếu họ tên bỏ trống.

			document.form.nlmk.focus(); //Đặt lại tiêu điểm (Tức là con trot chuột ấy) vào ô bị lỗi

			

			return false; //Quay lại check tiếp khi nhận đc tiêu điểm .

		}

		loinlmk.innerHTML=""; //Xóa dòng thông báo lỗi khi nhập đúng.

		

		//check hai mật khẩu trùng nhau

		if(document.form.mk.value!=document.form.nlmk.value)

		{

			loinlmk.innerHTML="Mật khẩu không trùng nhau!";

			document.form.nlmk.focus();

			return false;	

		}

		loinlmk.innerHTML="";//Xóa dòng thông báo lỗi khi nhập đúng.
		
		//check email và nhập lại email:
			dangmail= /^[\w.-]+@[\w.-]+\.[A-Za-z]{2,4}$/ //Tạo biểu thức quy tắc (tức là định dạng 1 mail nó như thế nào).

		kq2=dangmail.test(mail); //Kiểm tra mail mà người dùng nhập vào.

		if(mail=="") //Nếu mail bỏ trống

		{	

			loimail.innerHTML="Chưa nhập mail !";

			document.form.txtmail.focus();

			return false;

		

		}

		loimail.innerHTML="";

		if(kq2==false)

		{			

			loimail.innerHTML="Sai đinh dạng mail !";

			document.form.txtmail.focus();

			return false;

		}

		loimail.innerHTML="";

		

		

		dangmail= /^[\w.-]+@[\w.-]+\.[A-Za-z]{2,4}$/ //Tạo biểu thức quy tắc (tức là định dạng 1 mail nó như thế nào).

		kq3=dangmail.test(nlmail); //Kiểm tra mail mà người dùng nhập vào.

		if(nlmail=="") //Nếu mail bỏ trống

		{	

			loinlmail.innerHTML="Chưa nhập lại mail !";

			document.form.nltxtmail.focus();

			return false;

		

		}

		loinlmail.innerHTML="";

		

		if(kq3==false)

		{			

			loinlmail.innerHTML="Sai đinh dạng mail !";

			document.form.nltxtmail.focus();

			return false;

		}

		loinlmail.innerHTML="";

		

		//check so sánh 2 mail không trùng nhau

		if(document.form.txtmail.value!=document.form.nltxtmail.value){

			loinlmail.innerHTML="Email không trùng nhau !";

			document.form.nltxtmail.focus();

			return false;		

		}

		loinlmail.innerHTML="";
		
		
		// check lỗi điện thoại
		
		if(dienthoai=="")

		{

			loidt.innerHTML="Chưa nhập số điện thoại !";

			document.form.txtdienthoai.focus();

			return;

		}

		loidt.innerHTML="";

		

		if(isNaN(dienthoai))

		{

			loidt.innerHTML="Vui lòng nhập số !";

			document.form.txtdienthoai.focus();

			return false;

		}

		loidt.innerHTML="";

		if(dienthoai.length<10) //Nếu mật khẩu bỏ trống không nhập gì hết

		{			

			//alert("SS");

			loidt.innerHTML="Số điện thoại không chính xác"; //Xuất ra dòng thông báo lỗi nếu họ tên bỏ trống.

			document.form.txtdienthoai.focus(); //Đặt lại tiêu điểm (Tức là con trot chuột ấy) vào ô bị lỗi

			

			return false; //Quay lại check tiếp khi nhận đc tiêu điểm .

		}

		loidt.innerHTML="";
		
		//check địa chỉ
		
		if(diachi=="")

		{

			loidc.innerHTML="Địa chỉ không được bỏ trống !";

			document.form.txtdiachi.focus();

			return false;

		}

		loidc.innerHTML="";


	
		
		

		
		
}

</script>
<body>
  <div id="title_right">
            		<p id="title_right_left"></p>
            		<div id="title_right_center">
            		  <p class="chu_title">ĐĂNG KÝ</p>
            		</div>
           			<p id="title_right_right"></p>
             	</div>
                <div id="noidung_right">
<form id="formlienhe" name="form" method="post" action="">

<table  border="0" cellspacing="10" cellpadding="10">

	<tr>

        <td >Họ và tên : </td>

        <td ><label>

        <input name="txthovaten" type="text" id="txthovaten" style="background:#9CF;" />

        <span id="idht"></span></label></td>

	</tr>

    <tr>

        <td >Mật khẩu : </td>

        <td ><label>

        <input name="mk" type="password" id="mk" style="background:#9CF;" />

        <span id="e_mk"></span></label></td>

	</tr>

     <tr>

        <td >Nhập lại mật khẩu : </td>

        <td ><label>

        <input name="nlmk" type="password" id="nlmk" style="background:#9CF;" />

        <span id="e_nlmk"></span></label></td>

	</tr>

    

    <tr>

        <td>Email : </td>

        <td><input name="txtmail" type="text" id="txtmail" style="background:#9CF;" />

        <span id="idmail"></span></td>

    </tr>

    <tr>

        <td>Nhập lại email : </td>

        <td><input name="nltxtmail" type="text" id="nltxtmail" style="background:#9CF;" />

        <span id="nlidmail"></span></td>

    </tr>

   
    <tr>

        <td>Điện thoại : </td>

        <td><input name="txtdienthoai" type="text" id="txtdienthoai" style="background:#9CF;" />

        	<span id="iddt"></span></td>

    </tr>

    <tr>

        <td>Địa chỉ : </td>

        <td>

        <textarea name="txtdiachi" cols="20" rows="5" id="txtdiachi" style="background:#9CF;"></textarea>

        <span id="iddc"></span>

        </td>

    </tr>

       <tr>

        <td>&nbsp;</td>

        <td><label>

        <input name="btguitongtin" type="submit" id="btguitongtin" value=" Đăng kí " onclick="return check_form()" style="color:#F00" />

        <input name="btxoadangki" type="reset" id="btxoadangki" value=" Làm lại " style="color:#F00" />

        </label></td>

    </tr>

</table>

</form>
      </div>
           </div>
</body>

</html>